$(function(){
	
	
	// 商品
	$('#goods-list li').each(function(index){
		$(this).hover(function(){
			$(this).addClass('li-active')
		},function(){
			$(this).removeClass('li-active')
		})
	})
	$('#goods-list li button').each(function(index){
		$(this).hover(function(){
			$(this).addClass('button-active')
		},function(){
			$(this).removeClass('button-active')
		})
	})
	
	// page
	$('#page dl dt').each(function(index){
		$(this).hover(function(){
			$(this).addClass('page-hover')
		},function(){
			$(this).removeClass('page-hover')
		})
	})
	$('#page dl dd').each(function(index){
		$(this).hover(function(){
			if($(this).hasClass('page-active')){
				
			}else{
				$(this).addClass('page-hover')
			}
			
		},function(){
			$(this).removeClass('page-hover')
		})
	})
	
	//  翻页
	var page=0;
	
	//  数字页功能
    $('#page dd').each(function(index){
    	$(this).click(function(){
    		page = index;
    		$('#page dl dd').removeClass('page-active');
    		$(this).addClass('page-active');
    		if( index!=0 ){
    			$('#page dl .Up').show();
    		}else{
    			$('#page dl .Up').hide();
    		}
    		if( index!=3 ){
    			$('#page dl .Down').show();
    		}else{
    			$('#page dl .Down').hide();
    		}
    		
    		page =index;
            $.get('json/list.json',function(data){
        		$('.goods-list-floor ul').html('')
        		for(var i =page*20;i<page*20+20;i++){
        			var $li = $('<li></li>');
        			var j = i;
        			$li.attr('id',j);
//          		console.log($li.attr('id'))
            		var _html = '<a href="detail.html" target="_blank"><img src="'+data[i].img+'"/></a>';
            		_html += '<p><b>'+data[i].price+'</b></p>';
            		_html += '<a href="detail.html" target="_blank">'+data[i].product+'</a>';
            		_html += '<p><span>'+data[i].nav+'</span></p>';
            		_html += '<i>'+data[i].price+'</i><br />';
            		if(j%5<2){
            			_html += '<button class="add-car">加入购物车</button>';
            		}else{
            			_html += '<a href="detail.html" target="_blank"><button class="seeDetail">查看详情</button></a>'
            		}
            		$li.html(_html)
            	    $('.goods-list-floor ul').append($li)
            	    see()
        		}
//      		console.log(page)
            })
            
    	 })
    })
    
    //上下页功能
    $('#page dt').each(function(index){
     	$(this).click(function(){
     		if(index == 0){
	     		if(page>0){
	     			page--;
	     		}
	     		if(page==0){
	     			$('#page dl .Up').hide();
	     		}
	     		$('#page dl dd').removeClass('page-active');
	    		$('#page dl dd').eq(page).addClass('page-active');
	     	}
     		if(index == 1){
	     		if(page<3){
	     			page++;
	     		}
	     		if(page==3){
	     			$('#page dl .Down').hide();
	     		}
	     		$('#page dl dd').removeClass('page-active');
	    		$('#page dl dd').eq(page).addClass('page-active');
	     	}
     		if( page!=0 ){
    			$('#page dl .Up').show();
    		}else{
    			$('#page dl .Up').hide();
    		}
    		if( page!=3 ){
    			$('#page dl .Down').show();
    		}else{
    			$('#page dl .Down').hide();
    		}
    		$.get('json/list.json',function(data){
        		$('.goods-list-floor ul').html('')
        		for(var i =page*20;i<page*20+20;i++){
        			var $li = $('<li></li>');
        			var j = i;
        			$li.attr('id',j);
            		
            		var _html = '<a href="detail.html" target="_blank"><img src="'+data[i].img+'"/></a>';
            		_html += '<p><b>'+data[i].price+'</b></p>';
            		_html += '<a href="detail.html" target="_blank">'+data[i].product+'</a>';
            		_html += '<p><span>'+data[i].nav+'</span></p>';
            		_html += '<i>'+data[i].price+'</i><br />';
            		if(j/5<1){
            			_html += '<button class="add-car">加入购物车</button>';
            		}else{
            			_html += '<a href="detail.html" target="_blank"><button class="seeDetail">查看详情</button></a>';
            		}
            		$li.html(_html)
            	    $('.goods-list-floor ul').append($li)
            	    see()
        		}
            })
    		see()
     	})
	     	
     })
	
	
	
	// history
	$('#history li').each(function(index){
		$(this).hover(function(){
			$(this).addClass('li-active')
		},function(){
			$(this).removeClass('li-active')
		})
	})
	
	// 初始化   Car cookie
//	var car = [{
//		img:"img/goods-7.jpg",
//		price:"￥6288",
//		product:"苹果（Apple）iPhone7 128G",
//		nav:"在 手机 中畅销",
//		merchant:"百联自营",
//		goodID:2
//	}]
//	$.cookie('Car',JSON.stringify(car),{
//      path:"/",expires:7
//  })
	var car =[];
	$.cookie('Car',JSON.stringify(car),{
        path:"/",expires:7
    })
	
	//获取购物车商品数量
	window.setTimeout(function(){
		
		$('.cart_num').html(JSON.parse($.cookie('Car')).length)
		
		
	},2000)
	//   加入购物车
	var arr =[];
	$('.add-car').each(function(index){
		$(this).click(function(){			
			arr = JSON.parse($.cookie('Car'));  				
			var obj = new Object();
			obj.prosuct = $(this).closest('li').find('a').eq(1).html()
			obj.price = $(this).closest('li').find('b').html()
			obj.img = $(this).closest('li').find('img').attr('src')
			arr.push(obj)
			
            $.cookie('Car',JSON.stringify(arr),{
            	path:"/",expires:7
            })
            
            
    		$('.cart_num').html(arr.length)

		})
	})
	
	$('.message_list').click(function(){
		$('ibar_cart_product ul').html(null);
		var len = JSON.parse($.cookie('Car'));
		var $li = $('<li></li>');
		var str = '';
	})
	
	
	//   查看详情
	function see(){
		$('.seeDetail').each(function(index){
			
			$(this).click(function(){
				
				$.cookie('goodID',$(this).closest('li').attr('id'));
				console.log($.cookie('goodID'))
				console.log($(this).closest('li').attr('id')+'id')
			})
		})
	}
	see();
	
})
